<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>课程详情</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
    <style>
        body{ background-color: #F6F7F8}
        header{
            background-color: #ffffff;
            border-style: solid;
            border-color: #F6F6F6;
            border-bottom-width: 0.01rem;
        }
        header div { height: 0.35rem;  }
        .flex{display: -webkit-box; display: -webkit-flex; display: flex;}
        .header{justify-content: center; width: 100%;}
        #header-title{
            width: 100%;
            line-height: 0.35rem;
            font-size: 0.18rem;
            text-align: center;
            color: #231313;
        }
        #header-button{
            justify-content: space-between;
            align-items: center;
            position: fixed;
            width: 100%;
            height: 0.35rem;
        }
        #button-back{
            margin-left: 0.21rem;
            width: 0.10rem;
            height: 0.18rem;
            background-image: url("../../image/course/arrow1.png");
            background-size: 0.10rem 0.18rem;
        }
        #share-icon{
            margin-right: 0.17rem;
            width: 0.18rem;
            height: 0.18rem;
            background-image: url("../../image/course/share-icon.png");
            background-size: 0.18rem 0.18rem;
        }
    </style>
</head>
<body>
<div id="wrap" class="flex-wrap flex-vertical">
    <header>
        <div class="flex header">
            <div class="flex" id="header-button">
                <div class="flex" style="width: 0.70rem; height: 0.35rem; align-items: center;" tapmode onclick="api.closeWin();">
                    <div id="button-back"></div>
                </div>
                <!--<div class="flex" style="width: 0.70rem; height: 0.35rem; align-items: center; justify-content: flex-end" tapmode onclick="share();">-->
                    <!--<div id="share-icon"></div>-->
                <!--</div>-->
            </div>
            <p id="header-title">预约成功</p>
        </div>
    </header>
    <div id="main" class="flex-con">

    </div>
</div>
</body>
</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common/common.js"></script>
<script type="text/javascript">
    var headerTitleEl;
    apiready = function () {
        $api.fixStatusBar( $api.dom('header') );

        api.openFrame({
            name: 'masterBookingSuccessFrame',
            url: './masterBookingSuccessFrame.html',
            bgColor: 'rgba(0,0,0,0)',
            bounces: true,
            pageParam: {
                name: api.pageParam.name,
                date: api.pageParam.date,
                time_begin: api.pageParam.time_begin,
                time_end: api.pageParam.time_end,
            },
            rect: {
                x: 0,
                y: $api.dom('header').offsetHeight,
                w: api.winWidth,
                h: $api.dom('#main').offsetHeight
            }
        });
    }
</script>
